﻿<template>
    <!-- div class="app" 对应的样式为 .app 而div id ="app" 对应样式为 #app -->
    <!-- <Person/> -->
    <Person a='哈哈哈' :list="personList"/>
</template>

<script lang="ts" setup name="App">
    import Person from './components/Person.vue'
    import {reactive} from 'vue'
    import { type Persons } from '@/types'


    let x = 9
    let personList = reactive<Persons>([
        {id:'e98219e12',name:'张三',age:18},
        {id:'e98219e13',name:'李四',age:19},
        {id:'e98219e14',name:'王五',age:20}
    ])
    // console.log(personList)
    // export default {
    //     name: 'App',
    //     components:{Person}
    // }

</script>

